* {
  padding: 0;
  margin: 0;
}

.nav {
  /* 导航条宽度拉满 */
  width: 100%;
  height: 35px;
  background-color: lightblue;
  /* 文字居中 */
  text-align: center;
  line-height: 35px;
  /* 字体 */
  font-family: 'Segoe UI';
  color: rebeccapurple;
  /* 间距 */
  letter-spacing: 2px;
  /* 加粗 */
  font-weight: bold;
}

.container {
  width: 1440px;
  height: 660px;
  background-color: lightcyan;
  margin: 18px auto;
  border: 3px solid blue;
  border-radius: 30px;
}

.container div {
  float: left;
}

.container-right {
  width: 720px;
  height: 660px;
  background-color: aqua;
  border-radius: 0px 30px 30px 0px;
}

.container-left {
  width: 720px;
  height: 660px;
  background-color: skyblue;
  border-radius: 30px 0px 0px 30px;
}

.nav-left {
  width: 200px;
  height: 55px;
  background-color: #ffd700;
  /* 文字居中 */
  text-align: center;
  line-height: 55px;
  /* 字体 */
  font-family: 'Segoe UI';
  color: rebeccapurple;
  /* 间距 */
  letter-spacing: 2px;
  /* 加粗 */
  font-size: 20px;
  font-weight: bold;
  margin: 82px 80px;
  /* 光标设置 */
  cursor: pointer;
  /* 圆角 */
  border-radius: 15px;
  /* 过渡 */
  transition: all 0.3s;
}

.nav-left:hover {
  /* 鼠标画上去的动画--阴影 */
  box-shadow: 7px 7px 0 0 yellow;
}

.container-right img {
  width: 720px;
  height: 660px;
  border-radius: 0px 30px 30px 0px;
}

.menu {

  width: 65px;
  height: 30px;
  background-color: pink;
  margin: 0 auto;
  /* 居中 */
  text-align: center;
  line-height: 30px;
  /* 字体 */
  font-family: 'Segoe UI';
  color: rebeccapurple;
  /* 间距 */
  letter-spacing: 2px;
  /* 加粗 */
  font-size: 20px;
  font-weight: bold;
  /* 光标设置 */
  cursor: pointer;
  /* 圆角 */
  border-radius: 5px;
}

a {
  text-decoration: none;
  color: rebeccapurple;
}